// 由于需要大量用到上下文中的方法和属性

// 所以，setup函数一定要定义为function
export default function() {
	const { $ref, $val } = $modules;
	// 实际开发中，经常使用结果矫正渲染节点
	const count = $ref(0);
	this.add(
		this.render({
			is: 'button',
			// 点击试试
			onClick: () => {
				count.value++;
			}
		}, '点击'),

		this.render({
			children: $val(count, {
				field: 'value',
				done: num => {
					const result = []
					for (let i = 0; i < num; i++) {
						result.push(
							// 根据响应式的变化，动态渲染节点
							this.render({ is: 'i' }, `jiess-${i}`)
						)
					}
					return result;
				}
			})
		})
	)
}